import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path';  //这个path 是模块
//注意 path 中的 方法 是会报错的 我们需要引入 一个包 @type/node 这是TypeScript的一个包   用于描述Node.js核心模块和常用的第三方的类型信息
//pnpm i @types/node --save-dev
//1 安装包 2 再vite.config.ts 加配置项   3  如果想要有提示 需要再 tsconfig.json 中加入内容  【新版node 改为 tsconfig.app.json】




// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  //src文件夹配置别名  以后配置路径 用@ 就表示 是根目录
  resolve:{
    alias: {
      "@":path.resolve(__dirname,'src')  //这个path是属性 不是一个东西
    }
  },
  css: {
    preprocessorOptions: {
        scss: {
          // quietDeps: true, // 可以尝试，但在高版本中似乎不起作用
          silenceDeprecations: ['legacy-js-api'],
        }
    }
  },
  //配置代理跨域
  server:{
    proxy: {
      '/api':{
        target:'http://syt.atguigu.cn',
        changeOrigin:true,
      }
    }
  }
})
